.LDiv_NameInput {
  position: relative;
}

.LDiv_NameInput .input {
  width: 100%;
  margin: 5px 2px;
  padding: 10px;
  background-color: transparent;
  border-radius: 10px;
  outline: none;
  color: black;
  font-size: 16px;
  border-width: 4px;
}

.LDiv_NameInput .input:valid, .LDiv_NameInput .input:focus {
  border-color: black;
}

.LDiv_NameInput .input:valid ~ .text,
.LDiv_NameInput .input:focus ~ .text {
  color: black;
  transform: translateX(10px) translateY(-7px);
  font-size: 12px;
  padding: 0 10px;
  background-color: white;
  border-left: 1px solid black;
  border-right: 1px solid black;
  letter-spacing: 4px;
}

.LDiv_NameInput .text {
  position: absolute;
  left: 5px;
  top: 8px;
  padding: 10px;
  pointer-events: none;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.65);
  transition: 0.5s;
}
